<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title>关于我们</title>
    <script>
      // 初始化函数，设置初始的viewport
      function setInitialScale() {
        var viewport = document.querySelector('meta[name="viewport"]');
        var scale = window.innerWidth / 1920;
        viewport.setAttribute(
          "content",
          `width=device-width, initial-scale=${scale.toFixed(
            1
          )}, maximum-scale=1.0, user-scalable=no`
        );
      }

      // 页面加载时设置一次
      window.addEventListener("DOMContentLoaded", setInitialScale);

      // 窗口大小变化时重新设置
      window.addEventListener("resize", setInitialScale);
    </script>

    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="about.css" />
    <link rel="stylesheet" href="common.css" />
    <link rel="stylesheet" href="reset.css" />
  </head>

  <body>
    <!-- 顶部 -->
    <div
      id="app"
      class="container-lg container-md container-sm container-xl container"
    >
      <div class="header d-flex justify-content-between">
        <div class="header-left">
          <div class="header-left-icon">
            <img class="logo" src="static/logo.png" alt="" />
          </div>
        </div>
        <div
          class="header-menus d-flex align-items-center justify-content-between"
        >
          <div class="menu-item">
            <div class="menu-item-name"><a href="index.html">首页</a></div>
          </div>
          <div class="menu-item">
            <div class="menu-item-name"><a href="product.html">产品</a></div>
          </div>
          <div class="menu-item">
            <div class="menu-item-name"><a href="server.html">服务</a></div>
          </div>
          <div class="menu-item">
            <div class="menu-item-name">
              <a href="newscenter.html">新闻中心</a>
            </div>
          </div>
          <div class="menu-item active">
            <div class="menu-item-name"><a href="">关于我们</a></div>
          </div>
        </div>
        <div class="header-right d-flex flex-column">
          <div class="top d-flex align-items-center">
            <img src="static/headfoot/phone.png" alt="" />
            <span>联系电话</span>
          </div>
          <div class="phone">176-2800-2002</div>
        </div>
      </div>
    </div>

    <div class="index-top">
      <div
        class="container-lg container-md container-sm container-xl container"
      >
        <div class="top1">关于我们</div>
      </div>
    </div>
    <div class="aboutus">
      <div class="main">
        <div class="title">关于我们</div>
        <div class="desc">中国专业互联网软件开发商</div>
        <div class="remark">
          石家庄一惠网络科技有限公司是一家以互联网平台运营、WEB应用开发、软件开发、大数据分析、移动互联网通讯技术、云计算、营销推广、技术培训等为核心的科技公司。我公司主要以技术研发创新为主导，把握互联网行业的需求，利用互联网核心技术为客户提供稳定、可靠、功能优异的软硬一体解决方案。
          我们秉承“为合作伙伴创造价值”的核心价值观，并以“诚实、宽容、创新、服务”为企业精神，通过自主创新和真诚合作为互联网及信息服务行业创造价值。
        </div>
        <div class="message">
          <div class="msg-left">
            <div class="item">
              <img src="static/about/Frame@2x.png" alt="" />
              <span>135656623232</span>
            </div>
            <div class="item">
              <img src="static/about/Frame@2x(1).png" alt="" />
              <span>135656623232</span>
            </div>
            <div class="item">
              <img src="static/about/Frame@2x(2).png" alt="" />
              <span>1564613@163.com</span>
            </div>
            <div class="item">
              <img src="static/about/bxs-phone-call@2x.png" alt="" />
              <span>135656623232</span>
            </div>
            <div class="item">
              <img src="static/about/carbon-location-filled@2x.png" alt="" />
              <span
                >河北省石家庄市新华区北苑街道钟宏路48号英华产业园C-01-02</span
              >
            </div>
          </div>
          <div class="msg-right">
            <img src="static/about/ercode.png" alt="" />
            <div>扫码直接加</div>
          </div>
        </div>
      </div>
    </div>
    <div class="callus">
      <div class="main">
        <div class="call-title">联系我们</div>
        <div class="call-desc">
          没找到您想要的信息？可以直接拨打 7*12小时一对一资深技术支持
          热线123131354
        </div>
        <div class="call-content">
          <div class="input1" id="name">
            <input type="text" placeholder="姓名" />
          </div>
          <div class="input1" id="phone">
            <input type="text" placeholder="电话" />
          </div>
          <div class="input2">
            <input type="text" placeholder="地址" id="address" />
          </div>
          <div class="input3">
            <textarea
              type="text"
              id="needs"
              style="height: 100%"
              placeholder="详细描述您的需求（我们会及时与您取得联系）"
            ></textarea>
          </div>
        </div>
        <div class="submit"></div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="foot-view">
      <div
        class="container-lg container-md container-sm container-xl container flex"
        style="height: 100%; justify-content: space-between"
      >
        <div class="left">
          <div class="comany">石家庄一惠科技有限公司</div>
          <div class="msg flex">
            <div>
              <div class="flex">
                <img src="static//headfoot/i@2x.png" alt="" />
                <div>032-56667605</div>
              </div>
              <div class="flex rows">
                <img src="static//headfoot/Vector@2x.png" class="qq" alt="" />
                <div>075-32232312</div>
              </div>
            </div>
            <div>
              <div class="flex">
                <img src="static//headfoot/i@2x (1).png" alt="" />
                <div>13595623232</div>
              </div>
              <div class="flex rows">
                <img src="static//headfoot/i@2x (4).png" alt="" />
                <div>shijiazhuangyihui.com</div>
              </div>
            </div>
            <div>
              <div class="flex">
                <img src="static//headfoot/i@2x (2).png" alt="" />
                <div>ICP备案16659522</div>
              </div>
              <div class="flex rows">
                <img src="static//headfoot/i@2x (3).png" alt="" />
                <div>郑州市金水区花园北路紫禁城8楼108室</div>
              </div>
            </div>
          </div>
        </div>
        <div class="right">
          <img src="static//headfoot/ercode.png" alt="" />
          <div>扫码加微信</div>
        </div>
      </div>
    </div>

    <!-- 弹窗 -->

    <div class="modalm">
      <div class="mask"></div>
      <div class="modalm-content">
        <div class="modalm-title">
          <img class="modalm-icon" src="./static/right.png" alt="" />
          提交成功
        </div>
        <div class="modalm-desc">
          平台将在24小时内回答主动与您沟通，请您保持电话畅通，谢谢！
        </div>
        <div class="modalm-footer">
          <div class="modalm-btn">确认</div>
        </div>
      </div>
    </div>

    <script src="./js/jquery.min.js"></script>
    <script>
      $(".submit").click(function () {
        console.log($("#needs").val());
      });

      const h = $("body").height();

      $(".modalm").css("height", h);

      $(".modalm-btn").click(function () {
        $(".modalm").hide();
      });

      $(".submit").click(function () {
        $(".modalm").show();
      });
    </script>
  </body>
</html>
